<template>
	<view >
		<view class="svip">
			<view class="svip_state">
				审核通过
			</view>
			<view class="svip_info">
				高级会员已经审核通过，请支付会员费
			</view>
		</view>
		<view class="svip_pay">
			<view class="l">
				￥0.01
			</view>
			<view class="r" @click="paysucess">
				立即支付
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{}
				]
			}
		},
		methods: {
			paysucess () {
				uni.navigateTo({
					url:'/pageB/pay/sucesspay'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.svip {
		width: 100%;
		height: 160upx;
		background-color: #FFFFFF;
		text-align: center;
		padding: 30upx 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.svip_state {
			color: #333333;
			font-size: 32upx;
			font-weight: bold;
		}
		.svip_info {
			font-size: 28upx;
			color: #333333;
		}
	}
	.svip_pay {
		width: 100%;
		height: 100upx;
		display: flex;
		position: absolute;
		bottom: 0;
		.l {
			width: 430upx;
			height: 100%;
			border-top: 2upx solid #e1e1e1;
			box-sizing: border-box;
			line-height: 100upx;
			padding-left: 30upx;
			font-size: 28upx;
			color: #8838cf;
		}
		.r {
			background-color:#8838cf ;
			flex: 1;
			height: 100%;
			color: #FFFFFF;
			font-size: 32upx;
			text-align: center;
			line-height: 100upx;
		}
	}
</style>
<style>
	page {
			background-color: #F2F2F2;
		}
</style>